<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="ARCHIVE"/>
		<meta name="Keywords" content="ARCHIVE"/>
		<meta name="render" content="webkit"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>about</title>
		<link rel="shortcut icon" href=""/>
		<link href="//cdn.bootcss.com/normalize/5.0.0/normalize.min.css" rel="stylesheet">
		<!--<link rel='stylesheet' id='javin-font-css'  href='http://static.jiawin.com/wp-content/themes/jiawin/css/font-awesome.min.css?ver=1463202082' type='text/css' media='all' />-->
		<link rel="stylesheet" href="vendor/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="dist/core.css" />
		<script src="vendor/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/lazyload-js.js" type="text/javascript" charset="utf-8"></script>
		
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<header class="common-header">
			<div class="wrapper">
				<div class="common-header-topbar">
					<a href="" class="common-header-topbar-logo">
						<img class="lazy" src="img/about/07-02_03.png" data-original="img/about/07-02_03.png"/>
					</a>
					<div class="common-header-topbar-link clearfix">
						<i class="fa fa-twitter"></i>
						<i class="fa fa-facebook-f"></i>
						<i class="fa fa-rss"></i>
					</div>
				</div>
				<div class="common-header-site clearfix">					
					<ul class="about-nav">
						<li><a href="home.html">HOME</a></li>
						<li><a href="portfolio.html">PORTFOLIO</a></li>
						<li><a href="about.html" class="about-nav-active">ABOUT</a></li>
						<li><a href="service.html">SERVICES</a></li>
						<li><a href="archive.html">ARCHIVE</a></li>
						<li><a href="blog.html">BLOG</a></li>
						<li><a href="blog-detail.html">OTHER PAGES</a></li>
						<li><a href="contact-us.html">CONTACT US</a></li>
					</ul>
					<i class="fa fa-search"></i>
				</div>
				<div class="common-header-nav-bar">
					<i class="fa fa-bars" id="navbar"></i>
					<i class="fa fa-user"></i>
					<p><a href="#"><img src="img/index/07-02_03.png" alt="" /></a></p>
				</div>
				<ul class="common-header-hide-nav" id="hidenav">
					<li><a href="home.html" class="about-nav-active">HOME</a></li>
					<li><a href="portfolio.html">PORTFOLIO</a></li>
					<li><a href="about.html" >ABOUT</a></li>
					<li><a href="service.html">SERVICES</a></li>
					<li><a href="ARCHIVE.html">ARCHIVE</a></li>
					<li><a href="blog.html">BLOG</a></li>
					<li><a href="blog-detail.html">OTHER PAGES</a></li>
					<li><a href="contact-us.html">CONTACT US</a></li>
				</ul>
			</div>
			<div class="title">
				<div class="wrapper">
					<h1>ABOUT US</h1>
				</div>
			</div>
		</header>
		<main class="about-content">
			<div class="about-content-team">
				<header class="about-content-team-header">
					<h2 data-scroll-reveal="enter from the top and move 50px after 0.2s">WE ARE A SMALL TEAM DOING BIG THINGS!</h2>
					<p data-scroll-reveal="wait .5s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
					<p data-scroll-reveal="wait .5s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
				</header>
				<section class="about-content-team-reason">
					<div class="wrapper">
						<article class="mission" data-scroll-reveal="enter left and move 50px over 0.33s">
							<h3>MISSION STATEMENT</h3>
							<span>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.
								</span>
						</article>
						<article class="core" data-scroll-reveal="enter from the bottom after 0.2s">
							<h3>CORE VALUES</h3>
							<span>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.
								</span>
						</article>
						<article class="why" data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">
							<h3>WHY CHOOSE US</h3>
							<span>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales purus vel nunc elementum rhoncus. Praesent neque metus, mollis sit amet convallis ut, tempus porta arcu. Phasellus accumsan facilisis viverra. Sed a velit sit amet nunc aliquam consectetur.
								</span>
						</article>
					</div>
				</section>
				<section class="about-content-team-people">
					<div class="wrapper">
						<header class="team-title">
							<h2 data-scroll-reveal="enter from the top and move 50px after 0.5s">MEET OUR TEAM</h2>
							<p data-scroll-reveal="wait 1s">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
							<p data-scroll-reveal="wait 1s">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
						</header>
						<section class="team-massage clearfix">
							<article>
								<div class="team-massage-pic" data-scroll-reveal="enter left and move 50px over 0.5s"></div>
								<h3  data-scroll-reveal="enter from the top after 0.5s">MICHAEL TURNER</h3>
								<span>Psident</span>
								<p  data-scroll-reveal="enter from the bottom after 0.5s">
									Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.
								</p>
								<div class="team-link" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">
									<i class="fa fa-twitter"></i>
									<i class="fa fa-facebook-f"></i>
									<i class="fa fa-rss"></i>
								</div>
							</article>
							<article>
								<div class="team-massage-pic" data-scroll-reveal="enter left and move 50px over 1s"></div>
								<h3  data-scroll-reveal="enter from the top after 0.5s">JOHN SMAITH</h3>
								<span>Programmer</span>
								<p  data-scroll-reveal="enter from the bottom after 0.5s">
									Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.
								</p>
								<div class="team-link" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">
									<i class="fa fa-twitter"></i>
									<i class="fa fa-facebook-f"></i>
									<i class="fa fa-rss"></i>
								</div>
							</article>
							<article>
								<div class="team-massage-pic" data-scroll-reveal="enter left and move 50px over 2s"></div>
								<h3  data-scroll-reveal="enter from the top after 0.5s">ASHLEY HUNTER</h3>
								<span>Human Resources</span>
								<p  data-scroll-reveal="enter from the bottom after 0.5s">
									Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.
								</p>
								<div class="team-link" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">
									<i class="fa fa-twitter"></i>
									<i class="fa fa-facebook-f"></i>
									<i class="fa fa-rss"></i>
								</div>
							</article>
							<article>
								<div class="team-massage-pic" data-scroll-reveal="enter left and move 50px over 1s"></div>
								<h3  data-scroll-reveal="enter from the top after 0.5s">TIM BIRD</h3>
								<span>Designer</span>
								<p data-scroll-reveal="enter from the bottom after 0.5s">
									Lorem ipsum dolor sit amet all cons ectetur adipiscing elit. Un quisque sodales sit amet.
								</p>
								<div class="team-link" data-scroll-reveal="enter right wait 0.5s and then ease-in-out 50px">
									<i class="fa fa-twitter"></i>
									<i class="fa fa-facebook-f"></i>
									<i class="fa fa-rss"></i>
								</div>
							</article>
						</section>
				</section>
				<section class="about-content-team-joinus about-content-team-joinus-about">
					<header class="team-joinus">
						<h2 data-scroll-reveal="enter from the top and move 50px after 0.5s">IF YOU WHAT YOU SEE,JOIN US!</h2>
						<p data-scroll-reveal="wait 0.5s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
						<p data-scroll-reveal="wait 0.5s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
						<a data-scroll-reveal="wait .5s">APPLY TODA</a>
					</header>
				</section>
				</div>
		</main>
		<footer class="common-footer">
			<div class="wrapper">
				<div class="common-footer-centent clearfix">
					<article class="common-footer-centent-left">
						<a href="" class="common-header-topbar-logo">
							<img src="img/about/捕获.JPG" data-original="img/about/捕获.JPG" data-scroll-reveal="enter left wait 1s and then ease-in-out 50px">
						</a>
						<div class="common-header-topbar-link clearfix" data-scroll-reveal="enter left and then ease-in-out 50px">
							<i class="fa fa-twitter"></i>
							<i class="fa fa-facebook-f"></i>
							<i class="fa fa-rss"></i>
						</div>
						<p data-scroll-reveal=" then ease-in-out 50px">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.
						</p>
					</article>
					<article>
						<dl>
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">CONTACT INFO</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px">222 Ave C South</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px">Saskatoon</dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px">Canada S7K 2N5</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px">info@deliver.ca</dd>
							<dt class="num" data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px">1.306.222.3456</dt>
						</dl>
					</article>
					<article>
						<dl class="quicklinks">
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">QUICK LINKS</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Portfolio</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>About </dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>ARCHIVE</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Blog</dd>
							<dd data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Dropdown</dd>
							<dd data-scroll-reveal="enter bottom wait 1s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>contact Us</dd>
						</dl>
					</article>
					<article class="common-footer-centent-right">
						<dl>
							<dt data-scroll-reveal="enter right and then ease-in-out 50px">NEWSLTTER</dt>
							<dd data-scroll-reveal="ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
						</dl>
						<input type="text" name="" id="" value="" placeholder="Emali" data-scroll-reveal="enter right and then ease-in-out 50px"/>
						<a href="#" class="ok" data-scroll-reveal="enter right and then ease-in-out 50px">OK</a>
					</article>
				</div>
				<div class="common-footer-button">
					<span class="copyright">
						copyright 2013
						<a href="#">Deliver</a>						
						. All Rights Reserved.
					</span>
					<span class="friendlink">
						<a href="#">ABOUT/</a>
						<a href="#">PRIVACY POLICY/</a>
						<a href="#">CONTACT</a>
					</span>
				</div>
			</div>
		</footer>
		
		
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$("img").lazyload({
					placeholder: "images/loading.gif",
					effect: "fadeIn"
				});
			});
		</script>
		<script src="dist/core.js" type="text/javascript"></script>

		<script src="vendor/scrollReveal.js"></script>
		<script>
		(function(){
			window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
			})();
		</script>
	</body>

</html>
